车把中的每第n排都显示出奇怪的行为

Question

 {{#each orderData}}
{{#everyOther @key 4 }}
<div class="row">
    {{/everyOther}}

    <div class="col-md-3">
        <a class="aremove" href="/Channel/Details/{{getValueAtIndex ../channelIds @key}}" data-bypass>
        <div class="thumbnail">
            <img src="{{getImageSourceChannel ../channelNames @key name}}" class="">
            <div class="caption">
             <p><b>{{getObjectAtIndex ../channelNames @key}}</b></p>
             <p class="">{{this.slices.3.count}} new orders</p>
             <p class="">{{this.slices.0.count}} back orders</p>                   

         </div>
     </div>
 </a>
 </div>
 {{#everyOther @key 4 }}
</div>
 {{/everyOther}}

{{/each}}

助手：

    Handlebars.registerHelper("everyOther", function (index, amount, scope) {
    if ( ++index % amount ) 
        return scope.inverse(this);
    else 
        return scope.fn(this);
});

我一次打印4个元素。发生的事情真的很奇怪，新订单数据不断从一列变为另一列。

我不明白为什么会这样。当我刷新页面4次时，行为就会出现。

请在下面找到会发生什么：

1

2