How to traverse a json array and get its values for mvc table?

 function CargarDatos()
    {
        var idAtenci = @Request.QueryString["idAtencion"];
        //Cargar datos de los usuarios compartidos
        $.ajax
            ({
                type: 'POST',
                url: '@Url.Action("UsuariosCompartidos", "Atenciones")',//Metodo que guarda
                dataType: 'json',
                data: { idAtencion: idAtenci },//Pasar variables

                //Acción de respuesta si fue exitoso
                success: function (lisP) {
                    
                    var d = '<tr>' +
                        '<th>ID</th>' +
                        '<th>Nombres</th>' +
                        '<th>Apellidos</th>' +
                        '</tr>';
                    console.log(lisP);

                for (var i = 0; i < lisP.Personas.item.length; i++) {
                        d += '<tr>' +
                            '<td>' + lisP[i].IdPersona + '</td>' +
                            '<td>' + "Juan" + '</td>' +
                            '<td>' + lisP[i].Apellidos + '</td>' +
                            '</tr>';
                    }
                    $("#tabla").append(d);
                },

                //Acción de respuesta si hay errores
                error: function (ex) {
                    alert('Error al cargar datos');
                }
            });
    }

 <div class="form-group col-md-12">
      <table style="width:100%" border="1" id="tabla">
     <tr>
     <th>ID</th>
      <th>Nombres</th>
      <th>Apellidos</th>
      </tr>
      <tr>
     <td>001</td>
    <td>Juan camilo</td>
    <td>Martinez carrascal</td>
    </tr>
      <tr>
      <td>002</td>
      <td>Mabel Maria</td>
      <td>Burgos</td>
    </tr>
  </table>
 </div>