AMP：amp-list中的胡子模板循环变量？

Question

我正在使用amp-list和amp-mustache模板在我的AMP页面上显示博客文章列表，例如以下示例：

<amp-list
  width="auto"
  height="100"
  layout="fixed-height"
  src="/data/blog-list.json"
>
  <template type="amp-mustache">
    <div class="blogitem blogitem--horizontal">
      <a href="{{url}}">{{title}}</a>
      ...
    </div>
  </template>
</amp-list>

但是，我需要列表中的第一项与其他显示项不同。我对第一项的HTML稍有不同。是否可以使用某种 loop变量来执行以下操作：

<amp-list
  width="auto"
  height="100"
  layout="fixed-height"
  src="/data/blog-list.json"
>
  <template type="amp-mustache">
    {{#if loop->first}}
      <div class="blogitem blogitem--vertical">
        <a href="{{url}}">{{title}}</a>
        ...
      </div>
    {{#else}}
      <div class="blogitem blogitem--horizontal">
        <a href="{{url}}">{{title}}</a>
        ...
      </div>
    {{/if}}
  </template>
</amp-list>

还是有另一种方法可以做到这一点？

谢谢！