如何限制 forEach 循环仅迭代 16 次

Question

我想将 forEach 循环限制为最多只显示 16 个结果。有什么办法可以实现吗？

  <div class="events-list" data-bind="if: (typeof(Events) != 'undefined')" style="padding-top:5px; padding-bottom:5px;">
    <div data-bind="foreach: Events">
      <!-- ko if: StatusImage -->
      <div data-bind="foreach: EventNames" style="margin-bottom:-6px;">
        <article data-bind="attr:{class: OfferType== 'TM Event' ? 'TMEvents event-item smooth-hover1' : 'SpecialEvents event-item smooth-hover1'}" style="display:table">
          <img src="http://placehold.it/131x70">



          <div data-bind="attr:{class: OfferType== 'TM Event' ? 'btn-cell TMEvents' : 'btn-cell SpecialEvents'}" class="btn-cell" style="display:table-cell!important;">
            <a style="width:233px; margin-bottom:2px;" target="_blank" data-bind="attr: {href: Ticket, class: OfferType && OfferType=='TM Event' ? 'button buy' : 'button view'}">
              <span data-bind="text: OfferType && OfferType== 'TM Event'  ? 'TICKET/EVENT INFO' : 'VIEW EVENT'"></span>
            </a>
          </div>
        </article>
      </div>
      <!-- /ko -->
    </div>

Answer 1

使用 slice 有效：

 <ul class="list-unstyled" data-bind="foreach: items.slice(0, 16)">
    <li data-bind="text: number + ' '+ name"></li>
 </ul>

这里有一个 Plunkr 展示了这个。

如何限制 forEach 循环仅迭代 16 次

How can I limit a forEach loop to iterate only 16 times

html

javascript

knockout.js