Número de incremento automático de HTML e JavaScript

Eu sou novo em HTML e JavaScript. Eu tenho um problema como este em HTML (Este código abaixo apenas visualiza o problema para você de fácil referência.)

<tr>
    <td>1</td>
    <td>Harry</td>
</tr>
<tr>
    <td>2</td>
    <td>Simon</td>
</tr>
    <td>3</td>
    <td>Maria</td>
</tr>
</tr>
    <td>4</td>
    <td>Victory</td>
</tr>

Esta é uma lista de nomes, no entanto o problema é que em algum momento eu preciso adicionar mais nome a esta tabela e eu tenho que adicionar na frente do número 1, o que significa que eu tenho que reescrever a lista de números, (EX: 1 1 2 3 4 -> 1 2 3 4 5). Eu sinto que não é um bom caminho.

OBSERVAÇÃO: não quero alterar a diminuição do número da lista de cima para baixo. E este é um arquivo HTML, então não é possível aplicar o PHP

Qualquer um pode me ajudar a fazer o número para uma variável como "i" e uma função pode me ajudar a preencher o incremento de variável i de cima para baixo automaticamente como

<tr>
    <td>i</td>
    <td>Harry</td>
</tr>
<tr>
    <td>i</td>
    <td>Simon</td>
</tr>
    <td>i</td>
    <td>Maria</td>
</tr>
</tr>
    <td>i</td>
    <td>Victory</td>
</tr>

Função Fill_i por exemplo: Eu acho que JavaScript deve ser usado neste caso. Obrigado pela sua ajuda e sugestão sobre este problema.

Novamente: não tenho permissão para usar PHP ou ASP e, quando adiciono um novo nome, adiciono-o manualmente por HTML.