title: How can I limit a forEach loop to iterate only 16 times
body: <p>I want to limit the forEach loop to only show a maximum of 16 results.  Is there a way I can achieve this?</p>
  
  <pre><code>  &lt;div class="events-list" data-bind="if: (typeof(Events) != 'undefined')" style="padding-top:5px; padding-bottom:5px;"&gt;
      &lt;div data-bind="foreach: Events"&gt;
        &lt;!-- ko if: StatusImage --&gt;
        &lt;div data-bind="foreach: EventNames" style="margin-bottom:-6px;"&gt;
          &lt;article data-bind="attr:{class: OfferType== 'TM Event' ? 'TMEvents event-item smooth-hover1' : 'SpecialEvents event-item smooth-hover1'}" style="display:table"&gt;
            &lt;img src="http://placehold.it/131x70"&gt;
  
  
  
            &lt;div data-bind="attr:{class: OfferType== 'TM Event' ? 'btn-cell TMEvents' : 'btn-cell SpecialEvents'}" class="btn-cell" style="display:table-cell!important;"&gt;
              &lt;a style="width:233px; margin-bottom:2px;" target="_blank" data-bind="attr: {href: Ticket, class: OfferType &amp;&amp; OfferType=='TM Event' ? 'button buy' : 'button view'}"&gt;
                &lt;span data-bind="text: OfferType &amp;&amp; OfferType== 'TM Event'  ? 'TICKET/EVENT INFO' : 'VIEW EVENT'"&gt;&lt;/span&gt;
              &lt;/a&gt;
            &lt;/div&gt;
          &lt;/article&gt;
        &lt;/div&gt;
        &lt;!-- /ko --&gt;
      &lt;/div&gt;                                                                  
  </code></pre>