我想知道如何裁剪并设置新行

Question

此循环数据多于11条数据线，仅向下排有一条长线。我希望它在右边切开新行

  <div class="menu">
    <ul> 
      <!-- ko foreach: MenuList -->
      <!-- ko if: DisplayTab() == "5" -->
      <li data-bind="attr: {'data-tabindex': DisplayTab() }">
        <span data-bind="click: $root.Commands.PageTransition, text: MenuDescription, value:NavigationURL"></span>
      </li>
      <!-- /ko -->
      <!-- /ko -->
    </ul>
  </div>

此循环结果是11条数据行，但每一行是最多5条数据。如果大于5，我希望它在右侧开始新的一行。