Se minha lista estiver vazia, quero mostrar isso:

<code><div id="some-id">
</div>
</code>

Se minha lista não estiver vazia, quero mostrar isso:

<code><div id="some-id">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>etc</li>
  </ul>
</div>
</code>

Observe que eu saio do<ul> e</ul> Tagno máximo uma veze somente se a lista não estiver vazia.

O código a seguir está próximo de como eu faria isso no PHP, mas está obviamente errado:

<code><div id="some-id">
{{#items}}
  <ul>
{{/items}}

{{#items}}
    <li>{{name}}</li>
{{/items}}

{{#items}}
  </ul>
{{/items}}
</div>
</code>

E seitems é uma lista de 3 itens, eu vou conseguir 3<ul>- obviamente não é o que eu quero.

Eu percebo que eu poderia definir outra chave como uma bandeira booleana (hasItems, talvez), mas isso parece redundante.

Existe uma maneira mais elegante que eu possa produzir um bloco apenas uma vez para uma lista não vazia?