¿Podemos usar alguna otra ETIQUETA dentro?

De acuerdo con la Recomendación del W3C , la estructura básica de una lista debe ser:

<UL>
   <LI> ... first list item...
   <LI> ... second list item...
   ...
</UL>

Puedes poner etiquetas p solo dentro de etiquetas li, no como hijos directos de ul. La Recomendación del W3C dice expresamente:

Las listas se componen de secuencias de elementos de lista definidos por el elemento LI

Si bien podría tener otras etiquetas dentro (y podría funcionar bien), no debería porque no es compatible con w3c. También tiene muy poco sentido semántico.

Simplemente crea una página simple y ejecútala a través del validador ( http://validator.w3.org / ) y lo verás por ti mismo:)

No, esto sería marcado inválido. Sin embargo, si está tratando de lograr una apariencia diferente para algunas de las líneas, puede hacerlo agregando un nombre de clase específico a cualquier etiqueta li en su lugar. Véase a continuación:

<ul>
    <li class="foobar">Label</li>
    <li>Some text here</li>
    <li>Some text here</li>
    <li class="foobar">Label</li>
    <li>Some text here</li>
    <li>Some text here</li>
</ul>

Puede usar la etiqueta de plantilla y es totalmente legal. Por ejemplo:

<ul>
**<template>**Some text here or <p>Some text here<p> etc**</template>**
<li>item 1</li>
**<template>**Some text here or <p>Some text here<p> etc**</template>**
<li>item 1</li>
</ul>

No. Si es lista, tiene elementos de lista en ella. No puedo ver ningún uso para la lista con elementos que no son de lista; no es lista...

Usted puedeescribir dicho marcado, pero usted no debe ya que no es compatible y puede obtener resultados extraños e inesperados en diferentes navegadores.

Si está haciendo esto para darle estilo a una parte del elemento list, podría hacerlo

<ul>
  <li>normal text <span>bold text</span></li>
  <li>normal text <span>bold text</span></li>
</ul>

Y luego usar el CSS

ul li {font-size: 12px; font-weight: normal;}
ul li span {font-size: 12px; font-weight: bold;}

Espero que esto ayude

Knockout.respuesta específica de js, puede usar la siguiente sintaxis de comentario.

<ul>
    <li class="header">Header item</li>
    <!-- ko foreach: myItems -->
        <li>Item <span data-bind="text: $data"></span></li>
    <!-- /ko -->
</ul>

<script type="text/javascript">
    ko.applyBindings({
        myItems: [ 'A', 'B', 'C' ]
    });
</script>